@import '../css/theme-chalk/table.css';
@import '../css/theme-chalk/col.css';
@import '../css/theme-chalk/button.css';
@import '../css/theme-chalk/dialog.css';
@import '../css/theme-chalk/input.css';
@import '../css/theme-chalk/select.css';
@import '../css/theme-chalk/radio-button.css';
@import '../css/theme-chalk/menu.css';
@import '../css/theme-chalk/menu-item.css';
@import '../css/theme-chalk/menu-item-group.css';
@import '../css/theme-chalk/alert.css';

body{background: #f5f5f5}
#view-main{
    width:800px;
    margin:30px auto;

    .bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
    .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
    .bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
    .bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
    .bigbox>.imgbox>img{width:100%;}
    .imgbox:hover{cursor:zoom-in}
    .mask:hover{cursor:zoom-out}
    .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
    .mask>img:hover{cursor:pointer}
}
.berma-toolbar{
    position:relative;
    height:50px;
    color:#fff;
    background-color:#363a40;
    box-sizing:content-box;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", STHeiti, "华文细黑", sans-serif;
    
    .berma-toolbar-layout{
        .berma-toolbar-layout-logo{
            display:inline;
            float:left;
            line-height:50px;
            text-align:left;
            margin:0;
            padding:0;
            background-repeat: no-repeat;
            
            background-size:100% 100%;
            -moz-background-size:100% 100%;
            overflow: hidden;
            width:100px;
            margin-left:100px;
            background-position:0 center;
            a{
                display:block;
                text-indent:-300em;
            }
        }
        .berma-toolbar-layout-logo-brm{
            background-image: url(../images/WechatIMG164.png);
        }
        .berma-toolbar-layout-logo-shdq{
            background-image: url(../images/WechatIMG194.jpeg);
        }
        .sys_title{  
            color: #fff;
            width: 600px;
            float: right;
            line-height: 50px;
            font-size: 20px;
        }
        .berma-toolbar-layout-slogan{
            width:10.6em;
            background-position:-140px center;
            span{
                display:block;
                text-indent:-300em;
            }
        }
    }
}